<template>
    <div>
        <div class="PersonalSettings">
            <article-content></article-content>
        </div>
    </div>
</template>

<script>
    import ArticleContent from "../articleContent/articleContent";
    import eventBus from "../../eventBus";
    import {mapState} from "vuex";

    export default {
        name: "MyArticleHome",
        components: {ArticleContent},
        data() {
            return {
                articleData: {
                    articleContent: [],
                    count: 0,
                    size: 10,
                    loading: false,
                    noMore: false,
                }
            }
        },
        computed: {
            ...mapState({
                user: state => state.user,
                timeServiceApi: state => state.timeServiceApi,
            })
        },
        methods: {
        }
    }
</script>

<style scoped>

    .PersonalSettings {
        width: 644px;
        margin: auto;
        background: #ffffff;
        padding: 10px 10px 20px 10px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 26%)
    }
</style>
